﻿<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width,initial-scale=1.0, user-scalable=no"/>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>Booking System</title> 
  	<link rel="stylesheet" type="text/css" href="themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="themes/icon.css">
    <link rel="stylesheet" type="text/css" href="themes/bk.css">
</head>

<body onload="javascript:initgooglemap(22.1923878, 113.5421352,'澳門生產力');">

<div id="container">
<br>


<div style="text-align:right;margin-left:auto;margin-right:0;" id="sub_menu">

<div id="logo">
<img src="images/logo.png" width="331" height="72"> </div>
<div id="sub_menu_right" >
<a href="/BookingSystem/">Home</a> <b>|</b> 
<a href="http://www.sport.gov.mo/zh/vbs/searchvenue">Venue List</a> <b>|</b> 
<a href="FM/FM_Index.html">Facility List</a> <b>|</b> 
<a href="TM/TM_Index.html">Trainer List</a> <b>|</b> 
<a href="#" id="memberinfo" url="MB/MyMember">Member Info</a>
</div>
</div>
<br>

<div class="clear"> </div>

<div id="function_bar">

<div id="function_button">
   <div class="vm-bn bn">Venue Booking <BR>Service - Macau<a href="http://www.sport.gov.mo/zh/vbs/about"><span class="hyperspan"></span></a></div>
   <div class="fm-bn bn">Facility Booking<a href="FM/FM_Index.html"><span class="hyperspan"></span></a></div>
   <div class="tm-bn bn">Trainer Booking<a href="TM/TM_Index.html"><span class="hyperspan"></span></a></div>
   
</div>

<div id="function_login" class="box">
<form id="login_form" method="post" url="MB/Login">  
    <table>  
        <tr class="logintr1">  
            <td class="tdleft">Name:</td>  
            <td class="tdright"><input name="memberName" type="text" class="easyui-validatebox"  required="true"></input></td>  
        </tr>  
        <tr class="logintr2">  
            <td class="tdleft">Password:</td>  
            <td class="tdright"><input name="password" type="password" class="easyui-validatebox"  required="true" ></input></td>  
        </tr>  
        <tr class="logintr3">  
            <td class="tdleft"><a href="#" id="mbreg">Register</a></td>
			<td class="tdright">
			    <!-- <input type="submit" value="Login"></input><input type="reset" value="Reset"></input> -->
                <a href="#"  id="mbLogin">Login</a>           <a href="#" id="resetFM">Reset</a>			
			</td>		
        </tr>  
    </table>  
</form>  
   
</div>
</div>
<Div id="locbar">Hot : 
<a href="#" x="22.1409525" y="113.5694032">澳門東亞運動會體育館</a> <b> | </b> 
<a href="#" x="22.19895" y="113.5469004">塔石體育館</a> <b> | </b> 
<a href="#" x="22.2124327" y="113.5464838">巴波沙游泳池 </a>
</div>
<div class="clear"></div>
<!-- content  -->
<div id="content">

<div id="content_left" style="width:500px">
     <div id="maps" style="width:500px; height:350px"> </div> 
	 <div id="memberreg" style="width:500px; height:350px;display:none"> </div>
</div>

<div id="content_right">
    <div id="qbooking" class="box">
	  
	</div>
</div>
</div>
<div class="clear"></div>
<!-- footer  -->
<div id="footer_menu">

<div id="footer_left">
<a id="addBookmark" href="#">Add to my favorite</a> 
</div>
<div id="footer_right">
<a href="#">Privacy</a> <b>|</b>
<a href="#">Terms</a> <b>|</b> 
<a href="#">About BK system</a></div>
</div>
<!-- easyUI form dialog --><!-- easyUI form dialog --><!-- easyUI form dialog -->  
<div id="dlg-mbreg" class="easyui-dialog" style="width:400px;height:380px;padding:10px 20px"  
        closed="true" buttons="#dlg-mbreg-buttons">  
    <div class="ftitle">Member Register</div>  
    
    <form id="fm-mbreg" method="post">  
        <div class="fitem">  
            <label>Member Name:</label>  
            <input name="memberName" class="easyui-validatebox" required="true" 
            >  
        </div>  
		<div class="fitem">  
            <label>Login Name:</label>  
            <input name="loginName" class="easyui-validatebox" required="true" 
            >  
        </div> 
        <div class="fitem">  
            <label>Password:</label>  
            <input name="password" class="easyui-validatebox" required="true" 

        </div>  
		<div class="fitem">  
            <label>Retype Password:</label>  
            <input name="password2" class="easyui-validatebox" required="true" 

        </div>  
		
        <div class="fitem">  
            <label>Member Age:</label>  
            <input name="memberAge"  class="easyui-validatebox" required="true"
            class="easyui-numberbox" data-options="min:0,max:200" 
             >  
        </div>  
        <div class="fitem">  
            <label>Email:</label>  
            <input name="email" class="easyui-validatebox" required="true"
            >  
        </div>  
    </form>  
</div>  
<div id="dlg-mbreg-buttons">  
    <a href="#" class="easyui-linkbutton" iconCls="icon-ok" id="createMember">Regist</a>  
    <a href="#" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dlg-mbreg').dialog('close')">Cancel</a>  
</div>  

<!-- javascript  -->
	<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
	<script type="text/javascript" src="js/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3&sensor=false"></script>
    <script type="text/javascript" src="js/bk.js"></script>

</body>
</html>